const tagsEl = document.getElementById('tags')
const textarea = document.getElementById('textarea')

// textarea.focus()

textarea.addEventListener('keyup', (e) => {
	this.createTag(e.target.value)
})

function createTag(input) {
	const tags = input.split(',').filter(tag => tag.trim() !== '').map(tag => tag.trim())
	
	tagsEl.innerHTML = ''
	
	tags.forEach(tag => {
		console.log(tag)
		const tagEL = document.createElement('span')
		tagEL.classList.add('tag')
		tagEL.innerText = tag
		tagsEl.appendChild(tagEL)
	})
}
